<style>
    .table-small-font td {
        font-size: 12px;
    }
</style>

<div id="left_nav" class="span3" style="padding: 0px;">
    <div id="nav_group" class="inner_shadow">
        <?php
        echo $this->element('bank/nav_branch_sup');
        ?>
    </div>
</div>

<div class="span8" style="padding:10px; background-color: #fff; min-height: 480px;">
    <h4>Daily Transaction Download Reports</h4>
    <br />
    <a href="javascript:void(0);" id="get_daily_trans_btn" class="btn btn-primary btn-large" ><i class="icon-download-alt"></i> Get Daily Transaction Download </a>
    <br />
    <br />
    <br />
    <blockquote>
        <p><strong><?php echo $count ;?></strong> more transactions left to download.</p>
        <small>Transactions <cite title="Source Title">count info</cite></small>
    </blockquote>
   <!-- <pre class="prettyprint"></pre>-->
    <form id="export-form" method="post" action="<?php echo $this->Html->url(array('controller'=>'Bank','action' => 'get_daily_report')); ?>">
        <input type="hidden" name="maker_id" id="maker_id"  value="" />
        <input type="hidden" name="checker_id" id="checker_id"  value="" />
    </form>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#get_daily_trans_btn").click(function(){
            //from prompt
            var p_maker_id=prompt("Please enter your MAKER ID:","");
            var maker_id = (p_maker_id)? p_maker_id.trim():'';
            /*var p_checker_id=prompt("Please enter your CHECKER ID:","");
            var checker_id = (p_checker_id)? p_checker_id.trim(): '';*/
            //if(maker_id.length > 0 && checker_id.length > 0){
            if(maker_id.length > 0){
                $("#maker_id").val(maker_id);
                $("#checker_id").val('');
                $("#export-form").submit();
            }
            else{
                alert("You must enter both MAKER and CHECKER IDS.");
            }
        });
    });
</script>